/**
 * 角色详情对话框
 */
var TicketInfoDlg = {
    data: {
        pid: "",
        pName: ""
    }
};

layui.use(['layer', 'form', 'admin', 'ax'], function () {
    var $ = layui.jquery;
    var $ax = layui.ax;
    var form = layui.form;
    var admin = layui.admin;
    var layer = layui.layer;

    // 让当前iframe弹层高度适应
    admin.iframeAuto();

    //初始化用户下拉框

    var ajax = new $ax(Feng.ctxPath + "/ticket/userData/" );
    var rst = ajax.start();
    var list = rst;    //返回的数据
    var server = document.getElementById("userData"); //server为select定义的id
    for(var p in list) {
        var option = document.createElement("option");  // 创建添加option属性
        option.setAttribute("value", p); // 给option的value添加值
        option.innerText = list[p];     // 打印option对应的纯文本
        server.appendChild(option);           //给select添加option子标签
        form.render("select");
    }

    // 表单提交事件
    form.on('submit(btnSubmit)', function (data) {
        var ajax = new $ax(Feng.ctxPath + "/ticket/dispatchSave", function (data) {
            Feng.success("派单成功!");

            //传给上个页面，刷新table用
            admin.putTempData('formOk', true);

            //关掉对话框
            admin.closeThisDialog();
        }, function (data) {
            Feng.error("派单失败!" + data.responseJSON.message + "!");
        });
        ajax.set(data.field);
        ajax.start();
    });

    //初始详情数据

    var ajax = new $ax(Feng.ctxPath + "/ticket/ticketDetailData/"  + Feng.getUrlParam("orderId"));
    var result = ajax.start();
    //图片
    var imgAaary = result.data.submitImages==''?[]: result.data.submitImages.split(',')
    imgAaary.forEach(function(img,index){
        $("#submitImages").append('<img src="'+img+'" class="repair-img"  />')
    })

    $("#submitImages").on("click",".repair-img",function () {
        previewImg($(this).attr("src"))
    })

    //详情字段填充
    //$("#orderNo").text(result.data.orderNo)//订单号
    $("#shopName").text(result.data.shopName)//商户名
    $("#shopAdr").text(result.data.shopAdr)//商户地址
    $("#contactName").text(result.data.contactName)//报事人
    $("#contactPhone").text(result.data.contactPhone)//报事人电话
    $("#createTime").text(util.toDateString(result.data.createTime,'yyyy-MM-dd HH:mm:ss'))//报事时间
    $("#repairType").text(result.data.repairType)//报事类型
    $("#describes").text(result.data.describes)//报事内容
    if(result.data.orderPrice!=""){
        $("#priceFlag").css('display','block');
        $("#orderPrice").text(result.data.orderPrice)//报事费用
    }
    if(result.data.sapNo!=""){
        $("#sapFlag").css('display','block');
        $("#sapNo").text(result.data.sapNo)//领料编号
    }
    $("#propose").text(result.data.commentData.remark)//建议
    $("#commentTime").text(util.toDateString(new Date(result.data.commentData.createTime).getTime(),'yyyy-MM-dd HH:mm:ss'))//评价时间


    //评价
    rate.render({
        elem: '#servicePoint',
        value: result.data.commentData.servicePoint, //初始值  服务满意度
        readonly: true
    });
    rate.render({
        elem: '#speedPoint',
        value: result.data.commentData.speedPoint, //维修速度
        readonly: true
    });
    rate.render({
        elem: '#qualityPoint',
        value: result.data.commentData.qualityPoint, //维修质量
        readonly: true
    });
});
//调整预览大小
function previewImg(src) {
    var img = new Image();
    img.src = src;
    var imgHtml = "<img src='" + src + "' width='100%' height='100%'/>";
    //弹出层
    layer.open({
        type: 1,
        shade: 0.8,
        offset: 'auto',
        // area: [600 + 'px',300+'px'],
        shadeClose:true,
        scrollbar: false,
        title: "图片预览", //不显示标题
        content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
        cancel: function () {
            //layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', { time: 5000, icon: 6 });
        }
    });
}

//原图预览
function previewImgs(src) {
    var img = new Image();
    img.src = src;
    var height = img.height + 50; //获取图片高度
    var width = img.width; //获取图片宽度
    var imgHtml = "<img src='" + src + "' />";
    //弹出层
    layer.open({
        type: 1,
        shade: 0.8,
        offset: 'auto',
        area: [width + 'px',height+'px'],
        shadeClose:true,//点击外围关闭弹窗
        scrollbar: false,//不现实滚动条
        title: "图片预览", //不显示标题
        content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
        cancel: function () {
            //layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', { time: 5000, icon: 6 });
        }
    });
}